@charset "utf-8";
/* Main */

A:link {
    color:#0099DD;
    text-decoration: none;
}
A:visited {
    color:#0099DD;
    text-decoration: none;
}
A:active {
    color:#0099DD;
    text-decoration: none;
}
A:hover {
    color:#99AA00;
    text-decoration: none;
}

body 
{
    margin:0px;
    background-color: black;
    font-family:Arial,sans-serif;
    font-size:100%;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}

.layout-properties{
    border:0px solid gray;
}

.layoutwithborder-properties{
    border:1px solid gray;
}

/* Bid Projects */
table.std-font{
    font-family:Verdana;
    font-size:12px;
    color: #FFFFFF;
    border: 1px #FFFFFF solid;
    border-spacing: 1px;
}

tr.odd-fill{
    background:#666666;
    color:#FFFFFF;
}

tr.even-fill{
    background:#333333;
    color:#FFFFFF;
}

.std-width{
    width:80px;
    text-align: center;
    vertical-align: middle;
}

.lbl-widthfill{
    background-color:#000000;
    color:#FFFFFF;
    width:40px;
    text-align: center;
    vertical-align: middle;
}

input.tb-odd{
    background-color: #666666;
    color:#FFFFFF;
    width:70px;
    text-align: center;
    vertical-align: middle;
}

input.tb-even{
    background-color:#333333;
    color:#FFFFFF;
    width:70px;
    text-align: center;
    vertical-align: middle;
}

/* Add ons: Hire Employee, Train Employee, View Employee */

input.tb-hire{
    background-color: #000033;
    color:#FFFFFF;
    width:70px;
    text-align: center;
    vertical-align: middle;
}

input.tb-train{
    background-color:#000033;
    color:#FFFFFF;
    width:70px;
    text-align: center;
    vertical-align: middle;
}

input.btn-properties{
    width:40px;
    text-align: center;
    vertical-align: middle;
}

/*Payment*/
table.std-darkfont{
    font-family:Verdana;
    font-size:12px;
    color: #000000;
    border: 1px #FFFFFF solid;
    border-spacing: 1px;
}

td.title-underline{
    font-family:Verdana;
    font-size:12px;
    text-decoration:underline;
}


/* BASIC LAYOUT */

#container{
    width:1000px;
    margin-right:auto;
    margin-left:auto;
    background-color: white;
}

/* header */

#header{
    width:100%;
    height: 50px;
    font-size: 120%;
    padding:10px;
}

#headerPlayer{
    display: inline-block;
    width:25%;
}

#headerPlayerCash{
    display: inline-block;
    width:31%;
}

#headerTimer{
    display: inline-block;
    width:19%;
    text-align: right;
}

#headerTurn{
    display: inline-block;
    width:18%;
    text-align: right;
}


#content{
    display:inline-block;
    width:100%;
    margin:0;
    padding:10px;
}

#announcement{
    width:99%;
    background-color: #d6f3df;
    margin:0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display:block;
}


/* EMPLOYEE PAGE */

#employeeContainer{
    width: 800px;
    height: 400px;
    overflow: auto;
}

#employeeDisplay{
    width: 160px;
    height: auto;
    margin-right:20px;
    margin-left:20px;
}

#employeeId{
    display: inline-block;
    width: 20%;
}

#employeeSalary{
    display: inline-block;
    width: 75%;
    text-align: right;
}

#employeeAttributes{
    display: block;
    width: 100%;
}

#employeeSkill{
    display:inline-block;
    width:45%;
    margin:0;
    padding:0;
}

